.food-wrap{
    width:100%;
    overflow: hidden;
}
.food-banner{
    width:1200px;
    margin:0 auto;
    img{
        width:1200px;
        font-size:0;
        vertical-align: bottom;
    }
}
.food-nav{
    width:1349px;
    height:36px;
    background:#424242;
    ul{
        margin-left:75px;
        overflow: hidden;
        text-align: center;
        height:36px;
        line-height:36px;
        li{
            float:left;
            width:110px;
            font-size:14px;
            font-weight: bold;
            cursor: pointer;
        }
        li:nth-of-type(1){
            background:#fff;
            color:#424242;
        }
        li:nth-of-type(2){
            color:#fff;
        }
        li:nth-of-type(2):hover{
            color:yellow;
        }
    }
}
.food-content{
    background:#D9F294;
    width:1349px;
    overflow: hidden;
    .food-bk{
        width:1200px;
        margin:0 auto;
        overflow: hidden;
        margin-top:10px;
        .food-left{
            width:200px;
            background:#D9F294;
            float:left;
            height:785px;
            .food-top{
                width:200px;
                height:116px;
                background:#fff;
                dl{
                    width:188px;
                    height:60px;
                    margin-left:12px;
                    dt{
                        width:60px;
                        height:60px;
                        float:left;
                        margin-top:10px;
                        img{
                            width:60px;
                            height:60px;
                        }
                    }
                    dd{
                        float:left;
                        text-indent: 10px;
                        margin-top:20px;
                        a{
                            width:62px;
                            height:22px;
                            display: inline-block;
                            margin-top:10px;
                            img{
                                width:62px;
                                height:22px;
                            }
                        }
                        span{
                            margin-left:10px;
                            height:22px;
                            line-height:22px;
                            display: inline-block;
                        }
                    }
                }
                input{
                    width:109px;
                    height:24px;
                    margin-left:10px;
                    border:1px solid #777777;
                    outline: none;
                }
                .fz{
                    width:62px;
                    height:24px;
                    margin-left:10px;
                    vertical-align: middle;
                }
            }
            .food-mid{
                width:200px;
                height:78px;
                margin-top:10px;
                background:#fff;
                
                p{
                    width:200px;
                    height:30px;
                    background:#F5F4F3;
                    font-weight: bold;
                    font-size:14px;
                    line-height:30px;
                    text-indent:10px;
                }
                div{
                    width:200px;
                    height:30px;
                    line-height:30px;
                    padding-top:10px;
                    font-size:12px;
                    color:#777777;
                    text-indent: 10px;
                }
            }
            .food-bottom{
                width:200px;
                height:571px;
                margin-top:10px;
                background:#fff;
                .food-title{
                    width:200px;
                    height:30px;
                    background:#F5F4F3;
                    font-weight: bold;
                    font-size:14px;
                    line-height:30px;
                    text-indent:10px;
                }
                dl{
                    width:194px;
                    height:108px;
                    border-bottom:1px dashed #ccc;
                    
                    dt{
                        width:60px;
                        height:60px;
                        float:left;
                        margin-left:5px;
                        margin-top:10px;
                        img{
                            width:60px;
                            height:60px;
                        }
                        p{
                            font-size:12px;
                            width:194px;
                            overflow: hidden;
                            height:15px;
                            a{
                                color:#777777;
                            }
                            a:hover{
                                color:#E60012;
                                text-decoration:underline;
                            }
                        }
                    }
                    dd{
                        float:left;
                        margin-left:10px;
                        span{
                            width:30px;
                            height:30px;
                            line-height:30px;
                            display: block;
                            background:#ccc;
                            color:#fff;
                            font-weight: bold;
                            text-align: center;
                            font-size:18px;
                            border-radius: 5px;
                            margin-top:16px;
                        }
                        label{
                            color:#E60012;
                            font-weight: bold;
                            font-size:14px;
                            margin-top:10px;
                            display: block;
                        }
                    }
                }
                dl:nth-of-type(1){
                    span{
                        background:#E60012;
                    }
                }
                dl:nth-of-type(2){
                    span{
                        background:#E60012;
                    }
                }
                dl:nth-of-type(3){
                    span{
                        background:#E60012;
                    }
                }
            }
        }
        .food-right{
            width:990px;
            float:right;
            height:785px;
            dl{
                width:247.5px;
                height:320px;
                background:#fff;
                float:left;
                dt{
                    width:247.5px;
                    height:220px;
                    box-sizing: border-box;
                    overflow: hidden;
                    img{
                        width:220px;
                        height:220px;
                        margin-left:13.75px;
                        margin-top:13.75px;
                    }
                }
                dd{
                    width:247.5px;
                    height:76px;
                    text-indent: 10px;
                    p{
                        width:247.5px;
                        font-size:14px;

                        margin-top:10px;
                        a{
                            color:#777777;
                        }
                        a:hover{
                            color:#E60012;
                            text-decoration:underline;
                        }
                    }
                    label{
                        width:247.5px;
                        margin-top:30px;
                        display: block;
                        color:#E60012;
                    }
                }
            }
            dl:hover{
                background:#EFEFEF;
            }
            .food-last{
                width:990px;
                height:60px;
                float:left;
                border-top:1px dashed #ccc;
                background:#fff;
            }
        }
    }
}
